<template>
	<div :id="id" class="textCenter badgeWhite topMenuTop"><Basesty1 :itemdata="dataRend.itemData" :prn="dataRend.prn"/>
	</div>
</template>
<script>
import { generateMixed } from '@/utils/index.js';
const Basesty1 =()=>import('@/components/BaseSty/base1.vue')
import { mapState, mapActions } from 'vuex';
import store from '@/store'
export default {
	name: 'JiuList',
	mixins: [],
	props: {
		className: {
			type: String,
			default: 'baseId' + generateMixed('8')
		},
		id: {
			type: String,
			default: 'baseId' + generateMixed('8')
		},
		width: {
			type: String,
			default: '200px'
		},
		defalutColor: {
			type: String,
			default: 'red'
		},
		itemdata: {
			default: Object
		},
		itemStyle: {
			default: Object
		}
	},
	components: {
		Basesty1
	},
	data() {
		return {
			dataRend: ''
		};
	},
	beforeDestroy() {},
	computed: {
		...mapState({
			refreshMenu: state => store.state.base.refreshMenu
		})
	},
	created() {
	},
	mounted(){

	},
	methods: {},
	watch: {
		refreshMenu: {
			handler(newName, oldName) {
				this.dataRend = newName;
				console.log(this.dataRend)
			},
			// 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
			immediate: true
		},
		itemdata(){
		  this.dataRend = this.itemdata;
      console.log("dataRend",this.dataRend)
		}
	}
};
</script>

<style></style>
